<template>
  <div>
    <div>一个异步的请求</div>
    <button @click="reqori">点击获取</button>
    <button @click="requ(23)">点击获取</button>
    {{num}}
    {{data}}
  </div>
</template>

<script>
import { mapState, mapActions } from 'vuex'
export default {
  methods: {
    reqori () {
      this.$store.dispatch('requ', 3000)
    },
    ...mapActions(['requ'])
  },
  mounted () {
    console.log(this)
  },
  computed: {
    ...mapState(['data', 'num'])
  }

}
</script>

<style lang="scss" scoped>

</style>
